{% if isFramework("javascript", "angular", "react") %}
```js
cellRendererSelector: params => {
   return {
       component: GenderCellRenderer,
       params: {values: ['Male', 'Female']}
   };
}
```

However a selector only makes sense when a selection is made. The following demonstrates selecting between Mood and Gender Cell Renderers:

```js
cellRendererSelector: params => {

   const type = params.data.type;

   if (type === 'gender') {
       return {
           component: GenderCellRenderer,
           params: {values: ['Male', 'Female']}
       };
   }

   if (type === 'mood') {
       return {
           component: MoodCellRenderer
       };
   }

   return undefined;
}
```
{% /if %}
